@font-face {
	font-family: "FZLTHJW";
	src: url("../fonts/FZLTHJW.TTF");
  
  }
  

.home-3 .tit{ padding-top: 0.8em;}
.home3-box{ position: relative; z-index: 10; }

.home3-banner{ width: 62.5%; margin: 0 auto; border-radius: 10px;}
.home3-banner .img_ratio{ padding-top:52%;}
.home3-banner .w{ position: relative; display: block;}
.home3-banner .ww{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; border-radius: 8px; border: #9e9e9e solid 1px;}
.home3-banner .txt{ width: 40%; margin-left: 7%; margin-bottom: 5%;}
.home3-banner .txt > img{ width: 85px; height: 85px;margin-left: 30px;}
.home3-banner .txt h2{ margin-top: 0.5em;}
.home3-banner .txt article{ margin: 1em 0 2em; opacity: 0.95; }
.home3-banner .txt .mr{ }
.home3-banner .txt .mr img{ width: 22px; height: 21px; margin-right: 10px; transition: 0.5s all;}
.home3-banner .txt .mr span{ transition: 0.5s all;}
.home3-banner .w:hover .mr img{ transform: rotateX(180deg);}
.home3-banner .w:hover .mr span{ transform: translateX(10px);}
.home3-banner-left,
.home3-banner-right{ width: 50%; position: absolute; left: -33%; top:50%; transform: translate(0,-50%);}
.home3-banner-right{ left: auto; right: -33%;}
.home3-banner-left .txt,
.home3-banner-right .txt{ transform: scale(0.8);}

.home3-box .bont a{ position:absolute; top:0; width:18%; height:100%; z-index:10;}
.home3-box .bont a.left{ left:0;}
.home3-box .bont a.right{ right:0;}

.home3-bon { margin: 2px 0 25px 0;color: #4d4d4d;}
.home3-bon a{ display: inline-block; margin: 0 2em; position: relative;color: #636363 !important; font-size: 18px; font-weight: bold;}
.home3-bon a.cur{ color: #e00012;}
.home3-bon a::after{ content: ''; position: absolute; left: 50%; bottom: -5px; right: 50%; height: 2px ; background: #e00012; opacity: 0; transition: 0.4s all;}
.home3-bon a.cur::after{ left: -5px; right: -5px; opacity: 1;}






@media only screen and (max-width:1600px) {
.home3-banner .txt{ width:55%;}
.home3-banner .txt > img{ width: 85px; height: 85px;}
}


@media only screen and (max-width:1440px) {
   

	.home3-banner .txt{ width: 80%;}
	.home3-banner .txt > img{ width: 60px; height: 60px;}
	
	
 
 }

 @media only screen and (max-width:1200px) {
   

	.home3-banner .txt{ width: 80%; margin-bottom: 2%;}
	.home3-banner .txt > img{ width: 45px; height: 45px;}
	
	.home-3 .tit{ padding-top: 0.4em;}
 
 }

@media only screen and (max-width:1025px) {
   

   .home3-banner .txt{ width: 80%;}
   .home3-banner .txt > img{ width: 45px; height: 45px;}
   .home-3 .tit{ padding-top: 0.4em;}
   

}


@media only screen and (max-width:962px) {
   

	.home3-banner .txt{ width: 80%;}
	.home3-banner .txt > img{ width: 45px; height: 45px;margin-left: 10px;;display: block;}
	.home-3 .tit{ padding-top: 0.1em;}
	
 
 }
 
 @media only screen and (max-width:748px) {
   

	.home3-banner .txt{ width: 80%;}
	.home3-banner .txt > img{ width: 45px; height: 45px;margin-left: 10px;display: block;}
	
	.home3-banner .txt .mr span{ color: #636363;display: block;}
	.home-3 .tit{ padding-top: 0.1em;}
	.home3-bon a{font-size: 14px; font-weight: normal;}
	.home3-banner .txt h2{ margin-top: 0.3em;}
 }

 @media only screen and (max-width:500px) {
   

	.home3-banner .txt{ width: 80%;}
	.home3-banner .txt > img{ width: 35px; height: 35px;margin-left: 10px;display: block;}
	.home-3 .tit{ padding-top: 0.1em;}
	.home3-bon a{ font-size: 14px; margin: 0 2px; padding: 0;font-weight: normal;}
	.home3-banner .txt h2{ margin-top: 0.3em;}
	
 
 }

 @media only screen and (max-width:380px) {
	.home3-banner .txt h2{ margin-top: 0.1em;}
   

	.home3-banner .txt{ width: 80%;}
	.home3-banner .txt > img{ width: 20px; height: 20px;margin-left: 10px;display: block;}
	.home-3 .tit{ padding-top: 0.1em;}
	.home3-bon a{ font-size: 10px; margin: 0 1px; padding: 0;}
	
 
 }

 @media only screen and (max-width:180px) {
   

	.home3-banner .txt{ width: 80%;}
	.home3-banner .txt > img{ width: 20px; height: 20px;margin-left: 10px ;display: block;}
	.home-3 .tit{ padding-top: 0.1em;}
	.home3-bon a{ font-size: 12px; margin: 0 1px; padding: 0;}
	.home3-banner .txt h2{ margin-top: 0.1em;}
	
 
 }